<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
  <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=4e5ba942003a57665e3b2ba5d895aa4c"></script> -->
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=4e5ba942003a57665e3b2ba5d895aa4c&plugin=AMap.DistrictSearch,AMap.Geocoder,AMap.DistrictLayer,AMap.AutoComplete,AMap.PlaceSearch"></script>
  
  <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>
<style>
  * {
    margin: 0;
    padding: 0;
  }

  html {
    font-size: 4.2vw;
  }

  html,
  body,
  #app {
    height: 100%;
  }
</style>